<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
块标签div : 独占一行， 没有任何样式，一般用于大内容的分区域布局（大分割）
内联标签span：标签的本身没有任何样式，用于修饰段落内的一小部分文本内容, 一个div区域内的一小部分内容的修饰（小分割）
企业实践：以后我们使用div与span展现后端的数据
-->
<p>
    今天我们特别写好<span style="color:red;font-size: 30px;">学习html</span>,
    <span style="color: green;font-weight: bold;font-size:40px;">java</span>以后再学！

</p>
<div>区域1</div>
<div>区域2</div>
<div>区域3</div>
</body>
</html>